<!DOCTYPE html>
<html>
    <script src="../static/js/back/LodopFuncs.js" type="text/javascript"></script>
  <body>
	<div class="printer" id="printer">
			<style>
.printer {
	width: 250px;
	height: auto;
	border: 1px red solid;
	padding-right: 15px;
	font-family: "微软雅黑";
}

.sys {
	text-align: center;
	font-size: 25px;
}

.line,.line-2 {
	    height: 20px;
	overflow: hidden;
	margin: -5px 0;
}
.line-2 {
	margin: -12px 0 -0px 0 !important;
}

.mark {
	font-size: 20px;
	line-height: 30px;
	font-weight: bolder;
}

.printer tr td:first-child, .printer tr th:first-child {
	text-align: left;
}
.printer tr td:last-child, .printer tr th:last-child {
	text-align: right;
	padding-right: 10px;
}

.printer tr td, .printer tr th {
	text-align: right;
	border: none;
}

.line-right {
	text-align: right;
	margin-right: 10px;
}
.layui-table2{
	    width: 100%;
}
tbody tr td{
	font-size: 14px;
}
.head{
/* 	    border: 1px black dashed; */
/*     border-width: 0 0 1px 0; */
/*  line-height: 30px;  */
}
.head td{
	font-size: 16px;
}
.center{
	text-align: center;
}
.x25{
	font-size: 25px;
	    font-weight: bold;
}
.x12{
	font-size: 14px;
	    line-height: 15px;
}
.huod p{
	margin-top: -17px;
}
p{
	margin :2px 0;
}
.hide{
	display: none;
}
</style>
		<p class="sys" >#<span>12</span>&nbsp;城跑外卖</p>
		<p class="line">---------------------------------------------------------------------------------------------------------------------</p>
		<p class="line-2">---------------------------------------------------------------------------------------------------------------------</p>
		<div  class="center"><B>重庆麻辣烫一号店</B></div>
		<div  class="center x25">微信支付(已支付)</div>
		<div  class="center x12">订单号:201811112015423355</div>
		<div  class="center x12">下单时间:2018-11-12-18:01:14</div>
		<div class="hide">
			<p class="line">---------------------------------------------------------------------------------------------------------------------</p>
			<p class="line-2">---------------------------------------------------------------------------------------------------------------------</p>
			<div  class="center x25">包厢05桌 &nbsp;6人</div>
		</div>
		<p class="line">---------------------------------------------------------------------------------------------------------------------</p>
		<p class="line-2">---------------------------------------------------------------------------------------------------------------------</p>
		<p class="mark x25">备注: 麻辣烫不要麻不要辣,不要麻和辣</p>
		<div class="line">---------------------------------------------------------------------------------------------------------------------</div>
<!-- 		<p class="line-2">---------------------------------------------------------------------------------------------------------------------</p> -->
		
		<table class="layui-table2" >
	          <tr class="head">
	          	<td>名称</td>
	          	<td align="right">数量</td>
	          	<td align="right">价格</td>
	          </tr>
	       <tbody>
	          <tr>
	          	<td >1.鸡蛋灌饼(中份)</td>
	          	<td align="right">x1</td>
	          	<td align="right">15.00</td>
	          </tr>
	        </tbody>
      </table>
	  <p class="line">---------------------------------------------------------------------------------------------------------------------</p>
	  <div class="huod x12">
	  	<span>包装费:</span><p class="line-right">75.00</p>
	  	<span>配送费:</span><p class="line-right">75.00</p>
	  	<span>新客立减:</span><p class="line-right">75.00</p>
	  	<span>满减活动:</span><p class="line-right">75.00</p>
	  	<span>单品折扣:</span><p class="line-right">75.00</p>
	  </div>
	  <p class="line">---------------------------------------------------------------------------------------------------------------------</p>
	  <p class="line-right x12">原价: ¥75.00</p>
	  <p class="line-right x25">实付: ¥75.00</p>
	  <p class="line">---------------------------------------------------------------------------------------------------------------------</p>
	  <p class="x25">地址:</p>
	  <p class="x25">张三</p>
	  <p class="x25">12345678912</p>
	  <p class="x25">美国皇后大道东南出口西边靠东</p>
	  
	</div>
<script language="javascript" type="text/javascript">
$(function(){
	$('#print3').click(function(){
		myAddHtml();
		LODOP.PRINT();
	});
})
var LODOP; //声明为全局变量     
function myAddHtml() {       
	LODOP=getLodop();         
	LODOP.PRINT_INIT("");		     
	LODOP.SET_PRINT_PAGESIZE(3,'55mm','','');//设定纸张大小       
	//LODOP.ADD_PRINT_HTM(5,5,"100%","100%",document.getElementById("textarea01").value);	       
	LODOP.ADD_PRINT_HTM(0,0,"RightMargin:0.3cm","100%",document.getElementById("printer").innerHTML);	       
};	    
</script>
  </body>
</html>